﻿<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <!--[if IE]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <![endif]-->
    <title>Support Admin</title>
    <!-- BOOTSTRAP CORE STYLE CSS -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
    <!-- FONT AWESOME CSS -->
    <link href="assets/css/font-awesome.min.css" rel="stylesheet" />
    <!-- CUSTOM STYLE CSS -->
    <link href="assets/css/style.css" rel="stylesheet" />
    <!-- Google	Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Nova+Flat' rel='stylesheet' type='text/css' />
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css' />
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <link href="assets/css/question.css" rel="stylesheet" />
    <style type="text/css">
    	
    </style>
</head>
<body>
    <div id="head">
			<div class="container">
				<div class="row">
					<div class="col-lg-4 col-md-4 col-sm-4">
						<a href="index.html">
							<img src="assets/img/LOGE.png" />
						</a>
					</div>
					<a href="personal.html"><img src="assets/img/头像1.jpg" id="personal"></a>
				</div>
			</div>
	</div>
    
    <section id="main" >
        <div class="container" >
            <div class="row">
                <div class="col-lg-9 col-md-9 col-sm-9">
                       <!--<h3>Ticket ID  <span class="label label-danger">#109</span> 
                        Status <span class="label label-info">Closed</span> 
                       Priority <span class="label label-warning">High</span>
                        Category <span class="label label-success">Template Support</span>
                            Username <span class="label label-info">Dummy Username</span>
                   </h3>-->
                                          
                     <!-- <h2>问题题目 <span class="label label-default">作者</span></h2> -->
                     <!--<div class="hr-div"> <hr /></div>-->
                    	
                        <div class="panel panel-default">
						    <div class="panel-heading">
							    <h3>为什么要HTML布局这么多DIV层？</h3>
						  	    <strong class="label label-warning">ZZr</strong>
						  	    <span class="label label-danger pull-right">日期: 2017/10/20</span> 
						    </div>
						    <div class="panel-body">
						          为什么要HTML布局这么多DIV层？不麻烦吗？。。。
						    </div>
						</div>  
						<br />
                        <div class="panel-answer ">
						    <div class="panel-heading panel-heading2">
						  		<strong class="label label-info">Pasca</strong>
						  		<span class="label label-success pull-right">日期: 2017/10/20</span> 
						    </div>
						    <div class="panel-body">
						      不是同一个div
								是同一个div下的不同级别的子标签
								#menu可以理解为学校里的年级
								
								#menu ul 就是该年级里的一个具体的班级
								
								#menu ul li 就是该班级里的具体的一排座位
								
								你设置座位属性的时候是不能改变班级属性的不是吗？
								
								所以要分级设置
						    </div>
						    
						    <!--<div class="panel-body requestion">
							  	<div class="panel-heading panel-heading1">
									<span class="label label-success ">日期: 2017/10/21</span> 
								  	
								</div>
								<div class="panel-body panel-body1">
								      这样呀
							        <button onclick="response(this);" style="cursor:pointer;position: relative;left:0%;top: 0px;" class="btn btn-success">回复</button>
								      
								</div>
							</div>-->
							
							<!--<div class="panel-body reanswer">
							  	<div class="panel-heading panel-heading3">
							  		
							  		<span class="label label-success ">日期: 9/07/2014</span> 
							  		
							    </div>
							    <div class="panel-body panel-body1">
							     答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容
							     <button onclick="response(this);" style="cursor:pointer;position: relative;left:0%;top: 0px;" class="btn btn-success">回复</button>
							    </div>
							</div>-->
							<div>
								
								<div>
									<input type="text" disabled="disabled" style="opacity: 0.01;width: 10px;" />
									<button class="btn btn-success" type="button" onclick="response0(this);cursor:pointer;">回复</button>
									<button class="btn btn-primary" type="button" onclick="window.location.href=''" >收藏</button>
									<button class="btn btn-danger" type="button" onclick="window.location.href=''">感谢</button>
								</div>
								
							</div>
							<br />
							<!--显示出来的回复框
                            -->
							<div id="response" style="display: none;position: relative;float: right;">
							    <textarea class="form-control" rows="1" placeholder="@..."></textarea>
							    <button class="btn btn-default" value="提交">提交</button>
							    <button class="btn btn-default" value="取消" onclick="responses(this);cursor:pointer;">取消</button>
							</div>
							<div id="response0" style="display: none;position: relative;">
							    <textarea class="form-control" rows="1" placeholder="@..."></textarea>
							    <button class="btn btn-default" value="提交">提交</button>
							    <button class="btn btn-default" value="取消" onclick="responses0(this);cursor:pointer;">取消</button>
							</div>
						</div>
                        <br />
                        <!--每个回复的回复者单独一个代码块-->
                        <!--<div class="panel-answer">
						    <div class="panel-heading panel-heading2">
						  	   <strong class="label label-danger">答复者</strong>
						  	   <span class="label label-warning pull-right">日期: 7/07/2014</span> 
						   </div>
						   <div class="panel-body">
						     答复答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容答复的内容
						   </div>
						   <div >
						   		
								<div >
									<input type="text" disabled="disabled" style="opacity: 0.01;width: 10px;" />
									<button class="btn btn-success" type="button" onclick="response0(this);cursor:pointer;">回复</button>
									<button class="btn btn-primary" type="button" onclick="window.location.href=''" >收藏</button>
									<button class="btn btn-danger" type="button" onclick="window.location.href=''">感谢</button>
								</div>
							</div>
							<br />
						</div> -->
						
						<br /><br />
                         <div class="form-group col-lg-12 col-md-12 col-sm-12" id="responses">
                            <label>我要答复</label>
                            <textarea class="form-control" rows="8" placeholder="说说自己的想法..."></textarea>
                        </div>
						<div class="form-group col-lg-10 col-md-10 col-sm-10">
                           
                        </div>
                        <div class="form-group col-lg-2 col-md-2 col-sm-2">
                            <button type="submit" class="btn btn-primary">提交</button>
                        </div>
                     

                </div>
               <div class="col-lg-3 col-md-3 col-sm-3">
						<div class="list-group">
							<a href="../template/inner_index.html" class="list-group-item">内部网站首页
							</a>
							<a href="publicBlog.html" class="list-group-item">公共博客</a>
							<a href="resource.html" class="list-group-item">资源夹</a>
							<a href="#" class="list-group-item active">技术问答</a>
							<a href="index.html" class="list-group-item">实验室介绍页</a>
						</div>
						<div class="alert alert-danger text-center">
							<h3>Import Information</h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium lectus vel justo iaculis blandit.
						</div>
				</div>
            </div>
        </div>
    </section>
    <div id="footer">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 col-md-6 col-sm-6">
						<h3>Organisation</h3>
						<p>
							湖南工业大学创新创业中心（实验室）
							<br /> &copy; 2017 开发&维护| 实验室前端组
						</p>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-6">
						<h3>Get Quick Help</h3>
						<h4><span>QQ: </span>243462062（方）/947340410（黎）</h4>
						<h4><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>2757244276（张）/1456073180（刘）</h4
					</div>
				</div>
			</div>
		</div>
    <!--  Jquery Core Script -->
    <script src="assets/js/jquery-1.10.2.js"></script>
    <!--  Core Bootstrap Script -->
    <script src="assets/js/bootstrap.min.js"></script>
	<script type="text/javascript">
		function $(el){return document.getElementById(el)};
		function response(obj)
		{
		    var oComment=obj.parentNode;//获取回复对象
		    
		    oComment.appendChild($("response"));
		    $("response").style.display="block";
		}
		function response0(obj)
		{
		    var oComment=obj.parentNode.parentNode;//获取回复对象
		    
		    oComment.appendChild($("response0"));
		    $("response0").style.display="block";
		}
		function responses(obj)
		{
		    
		    $("response").style.display="none";
		}
		function responses0(obj)
		{
		    
		    $("response0").style.display="none";
		}
	</script>
</body>
</html>
